/* pages/home-school-group/home-school-group.wxss */

.list-wrapper {
  background-color: #f2f2f2;
  width: 100vw;
  height: 100vh;

  .create-box {
    height: 124rpx;
    width: 330rpx;
    background-color: #ffffff;
    margin: 0 auto;
    margin-top: 24rpx;
    border-radius: 20rpx;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 34rpx;
    box-sizing: border-box;
    font-weight: 350;
    margin-bottom: 20rpx;

    image {
      height: 60rpx;
      width: 60rpx;
      margin-right: 45rpx;
    }
  }

  .group-box {
    height: auto;
    padding-bottom: env(safe-area-inset-bottom);

    .group-item {
      width: 88vw;
      height: 188rpx;
      margin: 0 auto 24rpx auto;
      border-radius: 20rpx;
      background-color: #ffffff;
      padding-top: 24rpx;
      padding-left: 36rpx;

      .head {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        font-size: 34rpx;
        font-weight: 350;

        image {
          width: 40rpx;
          height: 40rpx;
          margin-right: 40rpx;
        }
      }

      .message {
        display: flex;
        align-items: center;
        font-size: 28rpx;
        margin-top: 30rpx;

        .notice {
          color: #ea463d;
        }

        .content {
          color: #9c9c9c;
        }
      }

      .member {
        margin-top: 36rpx;
        font-size: 26rpx;
        color: #a1a1a1;
        font-weight: 400;
        display: flex;
        align-items: center;

        .number {
          letter-spacing: 1rpx;
        }
      }
    }

  }
}